import React from 'react';
import { BrowserRouter as Router,Route,Link,BrowserRouter} from 'react-router-dom';
//import Home from './Home';
import Page1 from './Page1';

import Page3 from './Page3';
 
class App extends React.Component {
	render(){
		return (


		 <div>
			<Route exact  path="/" component={Home} />
			<Route path="/Page1" component={Page1} />                                                                                                                                                                                                                                                                                   

			<Route path="/Page3" component={Page3} />                                                                                                                                                                                                                                                                                                                                                                                                                                          
		</div>


		)
 
		}
}
    
class Home extends React.Component{
 
	render(){
		return(
			<div>
				<div>This is Home!</div>
				<div>
				
				<Link to={{pathname: '/Page1/', search: '',ccc: "还给你"}} style={{color:'black'}}>
				<div>点击跳转到测试Page1</div>
				</Link>
				<Link to="/Page1/" style={{color:'black'}}>
				<div>点击跳转到Page1</div>
				</Link>
				<Link to="/Page2/" style={{color:'black'}}>
				<div>点击跳转到Page2</div>
				</Link>
				<Link to="/Page3/" style={{color:'black'}}>
				<div>点击跳转到Page3</div>
				</Link>
				</div>
			</div>
		);
	}
}

    {/* <BrowserRouter     basename="/minooo"     >

<div>
  



<Route exact path="/" component={ Page1} />
  <Route  path="/Home" component={Home} />
  </div>

</BrowserRouter> */}



export { App };
